<template>
  <div class="home-container">
    <LocalWeather  />
    <SearchCity style="margin-top: 80px;"/>
    <LocalChart />


  </div>
</template>

<script setup>
import LocalWeather from '../components/LocalWeather.vue'
import SearchCity from '../components/SearchCity.vue';
import LocalChart from '../components/LocalChart.vue';
import { ref, onMounted } from "vue";





</script>

<style lang="scss" scoped>
.home-container {
  min-height: 100vh;
  background: #006d8f;
  padding: 20px;
  width: 100%;
  

}
</style>
